<template>
  <div class="MessagePanel" :id="clsid">
    <div class="view" :style="{height:viewHeight+'rem'}">
      <div class="content">
        <div class="C_oneDiv"></div>
        <ul class="C_listDiv">
          <li>
            <MyMsRecdView></MyMsRecdView>
          </li>
          <li>
            <TeacherReplyView></TeacherReplyView>
          </li>
          <li>
            <TeacherReplyView></TeacherReplyView>
          </li>
          <li>
            <TeacherReplyView></TeacherReplyView>
          </li>
          <li>
            <TeacherReplyView></TeacherReplyView>
          </li>
          <li>
            <MyMsRecdView></MyMsRecdView>
          </li>
          <li>
            <TeacherReplyView></TeacherReplyView>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<style scoped>
.MessagePanel{
  background-color: #271914;height: 16rem;
}
.view{
  overflow-y:auto;overflow-x:hidden;width: 7.6rem;    height: auto;
}

.view .content{
  left: 0rem;top:0rem;width: 7.5rem;height: 16.7rem;
}
.C_oneDiv{
  position: relative;height: 2rem;
}
.C_listDiv{
  display:flex;display: -webkit-flex;flex-direction:column;align-items: center;
  position: relative;
}
.C_listDiv li{
  position: relative;padding-top: 0.5rem;
}
</style>
<script setup>
import Enum from "@/gamejs/Enum";
import Util from "@/gamejs/Util";
import {ref, onMounted, onBeforeUnmount, onUnmounted,watch,computed} from "vue";
import { useStore} from 'vuex';
import {useRoute, useRouter} from 'vue-router';
import MyMsRecdView from "@/views/components/MyMsRecdView";
import TeacherReplyView from "@/views/components/TeacherReplyView";
let store = useStore();
let clsid=winApp.getClsId();
let router = useRouter();
let routerPrm = useRoute();
let viewHeight=ref(17);
/*组件挂载完成后执行的函数；*/
onMounted(() => {
  let _h=Math.floor(document.body.clientHeight/(window._windSize/100))/100;
  viewHeight.value=_h-store.state.bottomPanelHeight-0.1;
  console.log("MessagePanel onMounted  老师回复",routerPrm.query);


});
onUnmounted(() => {
  //卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。
  // winApp.deleteNotification(clsid);
  console.log("MessagePanel onUnmounted  卸载组件实例后  ",clsid);
});

</script>
